function myFooter(){
    return {
        restrict:"ECMA",
        replace:true,
        scope:{
            myClass:"@"
        },
        template:'<div class="footer">' +
                    '<ul> ' +
                        '<li ui-sref="index.home" class="footer-color">' +
                            '<span class="iconfont icon-shouyeshouye1"></span><p>首页</p>'+
                        '</li> ' +
                        '<li ui-sref="index.community">' +
                            '<span class="iconfont icon-shequ"></span><p>社区</p>'+
                        '</li>' +
                        '<li ui-sref="index.add">' +
                            '<span class="iconfont icon-jia"></span><p>加</p>' +
                        '</li> ' +
                        '<li ui-sref="index.mall"> ' +
                            '<span class="iconfont icon-shangcheng-copy-copy"></span><p>商城</p> ' +
                        '</li>' +
                        '<li ui-sref="index.my"> ' +
                            '<span class="iconfont icon-wode"></span> <p>我的</p> ' +
                        '</li>' +
                    '</ul>' +
                '</div>',
        link:function(scope,element){
            element.on("click","li",function () {
                $(this).addClass("footer-color").siblings().removeClass("footer-color")
            })
        }
    }
}
angular.module("myApp")
    .directive("myFooter",myFooter)
